<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/11/24
  Time: 10:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>注册页面</title>
    <script src="/js/jquery.js"></script>
  <style>
    div {
      width: 400px;
      margin: 1em auto;
      padding: 10px;
      background: darkgray;
      text-align: center;
    }
  </style>

  <script type="text/javascript">
    // 页面加载完成之后
    $(function () {
      // 给验证码的图片绑定单击事件
      $("#code_img").click(function () {
        // 在事件响应的 function 函数中有一个 this 对象。这个 this 对象，是当前正在响应事件的 dom 对象
        // src 属性表示验证码 img 标签的图片路径。它可读，可写
        // alert(this.src);
        this.src = "/kaptcha.jpg" + new Date();
      });
    })
  </script>
</head>
<body>
  <div>
  <h3>注册页面</h3>
    <form action="/phone/regist" method="post">
      用户名：<input name="username" placeholder="请输入要注册的用户名"><br><br>
      密码：<input name="password" placeholder="请输入要注册的密码" type="password"><br><br>
      性别：<input name="gender" placeholder="请输入要注册的性别"><br><br>
      邮箱：<input name="email" placeholder="请输入要注册的邮箱"><br><br>
      验证码：<input name="code" style="width: 80px">
      <img src="/kaptcha.jpg" style="width: 80px; height: 28px"><br><br>
      <button>提交</button>
    </form>
      <a href="/phone/list">返回主页面</a>
  </div>
</body>
</html>
